<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>TD3</title>
        <link href="style.css" type="text/css"  rel='stylesheet'/>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script type="text/javascript" src="function.js"></script>
    </head>
    <body>
        <div id="header" class="modalbox">
            <h1>Micro-Blogging</h1>
            <h3>Exemple d'utilisation de WebServices RESTful</h3>
        </div>
        
        <div id="content">
            <div id="list-article"></div>
        </div>
        
        <div id="update-article" class="modalbox">
            <h3>Modification d'un Article</h3>
            <form method="post" id="formupdate-article"  onsubmit="return false;">
                <input type="hidden" id="id" name="id" />
                <p>
                    <label for="titre">Titre</label>
                    <input type="text" id="titre" name="titre"/>
                </p>
                <p>
                    <label for="content">Texte</label>
                    <textarea id="content" name="content"></textarea>
                </p>

                <p class="alignright">
                    <a href="#" id="update" class="button blue">Sauvegarder les modifications</a>
                    
                    <a href="#" id="reset" class="button gray">Annuler</a>
                </p>
            </form>
            <div class="clearfix"></div>
        </div>
            
        <div id="write-article" class="modalbox">
            <h3>Ecrire un Article</h3>
            <form method="post" id="form-article" enctype="multipart/form-data" onsubmit="return false;">
                
                <fieldset id="form-text">
                    <label for="titre">Titre</label>
                    <input type="text" id="new-titre" name="titre"/>
                </fieldset>
                
                <fieldset>
                    <label for="content">Texte</label>
                    <textarea id="new-content" name="content"></textarea>
                </fieldset>
                
                <div id="dropbox">
                        <span id="droplabel">Drop file here...</span>
                </div>
                
                <fieldset id="list-image">
                        <!--<img id="preview" src="" alt="[ preview will display here ]" width="100%" height="100%"/>-->
                        <!-- <input id="image" accept="image/*" type="file" name="image" multiple onchange="filesProcess(this.files)"/> -->
                </fieldset>
                <p class="alignright">
                    <a href="#" id="write" class="button blue">Publier</a>
                </p>
            </form>
            <div class="clearfix"></div>
        </div>
    </body>
</html>
